﻿@model IndexModel
@{
    ViewBag.Title = "HooIzDat?";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Header {
    <h2>HooIzDat? Log On</h2>
    <p class="message">@ViewBag.Message</p>
}

<div id="home">
    <div class="validation-summary">
        @Html.ValidationSummary()
    </div>
        
    <div class="welcome">
        <img src="@Url.Content("~/Content/HooIzDat-logo-125.png")" alt="HooIzDat? logo" />
        <h3><em>Not</em> the <strong>Original</strong> Mystery Face Guessing Game</h3>
        <p>
            Welcome to HooIzDat? Test your powers of deduction against others! 
        </p>
    </div>
        
    <div class="panel log-on">
        <div class="inner">
            <div class="header"><h3>Existing User Log On</h3></div>
            <div class="body">
                    
            @using (Html.BeginForm("LogOn", "Home")) {
                <div>
                    <fieldset>
                        <legend>Account Information</legend>
                        <p>
                            @Html.LabelFor(m => m.LogOn.UserName)
                            @Html.TextBoxFor(m => m.LogOn.UserName)
                            @Html.ValidationMessageFor(m => m.LogOn.UserName, "*")
                        </p>
                        <p>
                            @Html.LabelFor(m => m.LogOn.Password)
                            @Html.PasswordFor(m => m.LogOn.Password)
                            @Html.ValidationMessageFor(m => m.LogOn.Password, "*")
                        </p>
                        <p>
                            <span class="checkbox">@Html.CheckBox("rememberMe") <label for="rememberMe">Remember me?</label></span>
                        </p>
                        <p>
                            <input type="submit" value="Log On" />
                        </p>
                    </fieldset>
                </div>
            }
            </div>
        </div>
    </div>
        
    <div class="panel register">
        <div class="inner">
            <div class="header"><h3>New User Registration</h3></div>
            <div class="body">
            @using (Html.BeginForm("Register", "Home")) {
                    <div>
                        <fieldset>
                            <legend>Account Information</legend>
                            <p>
                                @Html.LabelFor(m => m.Registration.UserName)
                                @Html.TextBoxFor(m => m.Registration.UserName)
                                @Html.ValidationMessageFor(m => m.Registration.UserName, "*")
                            </p>
                            <p>
                                @Html.LabelFor(m => m.Registration.Email)
                                @Html.TextBoxFor(m => m.Registration.Email)
                                @Html.ValidationMessageFor(m => m.Registration.Email, "*")
                            </p>
                            <p>
                                @Html.LabelFor(m => m.Registration.Password)
                                @Html.PasswordFor(m => m.Registration.Password)
                                @Html.ValidationMessageFor(m => m.Registration.Password, "*")
                            </p>
                            <p>
                                @Html.LabelFor(m => m.Registration.ConfirmPassword)
                                @Html.PasswordFor(m => m.Registration.ConfirmPassword)
                                @Html.ValidationMessageFor(m => m.Registration.ConfirmPassword, "*")
                            </p>
                            <p>
                                <input type="submit" name="submit" value="Register" />
                            </p>
                        </fieldset>
                    </div>
                }
            </div>
        </div>
    </div>
        
</div>    